<template>
  <view>
    <view class="scroll-h">
      <view v-for="(tab, index) in tabBars" :key="tab.id" class="uni-tab-item" :id="tab.id" :data-current="index"
        @click="ontabtap">
        <text class="uni-tab-item-title"
          :class="tabIndex == index ? 'uni-tab-item-title-active' : ''">{{ tab.name || "" }}</text>
        <text v-show="tabIndex == index" class="uni-tab-item-text"></text>
      </view>
    </view>

    <!-- 进行中 -->
    <view v-show="tabIndex === 0">
      <view v-if="subscribeList1.length">
        <view  v-for="item in subscribeList1" :key="item.id">
          <view class="yuyueOrder" v-if="item.order_type !== 3">
            <!-- 预约订单 -->
            <view class="dqg-subscribe" :class="{ 'dqg-subscribe2': item.order_type == 3 }"
              @click="applyOrderClick(item)">

              <view v-if="item.cleaner_info.length > 0">
                <uni-card :title="item.hotel_name" style="width:260rpx" :extra="item.service_time" :is-shadow="false" :border="false"
                  :sub-title="item.position_text" :padding="0" :margin="0">
                  <view class="dqg-subscribe-box" v-for="item2 in item.cleaner_info" :key="item2.id">
                    <view class="dqg-subscribe-l">
                      <image :src="item2.avatar || ''" mode=""></image>
                    </view>
                    <view class="dqg-subscribe-r">
                      <view class="dqg-subscribe-r-t">
                        <text>{{ item2.real_name }}</text>
                      </view>
                      <view class="dqg-subscribe-r-b" @click.stop="openTel(item2.phone)">
                        <!-- 												<image class="img-14" :src="iocUrl" mode="aspectFit" />
												<text class="fuwu">{{ item2.score }}</text>
												<text>已服务 {{ item2.services_num }}</text> -->
                        <!-- <text class="fuwu">手机号</text> -->
                        <uni-icons type="phone-filled" color="#33D182" size="16" style="margin-right: 15rpx;"
                          class="iphoneIcon">
                        </uni-icons>
                        <text>{{ item2.phone }}</text>

                      </view>
                    </view>
                  </view>
                  <view class="dqg-subscribe-btn ">
                    <button class="btn" v-if="item.cleaner_info.length > 0"
                      @click.stop="applyOrderBtn(item.cleaner_info, item.id)">
                      确认考勤
                    </button>
                    <button @click.stop="cancelBtn(item)">取消</button>
                  </view>
                </uni-card>
              </view>

            </view>
            <!-- 预约订单 -->
          </view>
          <view class="baomingOrder" v-else>
            <!-- 报名订单 -->
            <view class="apply-order">
              <view class="" @click="applyOrderClick(item)" style="position: relative;">
                <uni-card  :title="item.hotel_name" style="width:260rpx" :is-shadow="false" :border="false"
                 :sub-title="item.position_text" :padding="0" :margin="0">
                  <view class="apply-order-box">
                    <view class="apply-order-box-son">
                      <view >
                        <text v-if="item.gender_require == 1">{{ item.man_signup_people_number}}/{{ item.people_number_arr[0] }}男,{{ item.woman_signup_people_number }}/{{ item.people_number_arr[1] }}女</text>
						<text v-else>{{ item.real_people_num }}/{{ item.people_number}}</text>

                      </view>
                      <view class="">
                        <text>报名人数</text>
                      </view>
                    </view>
                    <view class="apply-order-box-son">
                      <!-- <view class="">
                        							<text>{{
						            item.service_time}}
											</text>
                       <text>{{item.service_time.split("-")[0] +
						            "/" +
						            item.service_time.split("-")[1] +
						            "/" +
						            item.service_time.split("-")[2]
						          }}
                        </text>
                      </view> -->
                      <view style="font-size: 32rpx;color: #000000;">
                        <text>{{item.service_start_time}}至{{item.service_end_time}}</text>
                      </view>
					  <view style="text-align: left;width: 100%;"></view>
                    </view>
                    <!-- <view class="apply-order-box-son">
                      <view class="">
                        <text>{{ item.work_time }}</text>
                      </view>
                      <view class="">
                        <text>上班时间</text>
                      </view>
                    </view> -->
                  </view>
                  <view class="dqg-subscribe-btn dqg-subscribe-btn1">
                    <view class="applyStatus">
                      <view class="applyStatus-close" v-if="item.is_close === 1">
                        <text>已截止报名</text>
                      </view>
                      <view class="applyStatus-start" v-else>
                        <text>{{item.is_start === 1 ? '报名中' : '已暂停'}}</text>
                      </view>
                    </view>
					<view class="days">
						共<text>{{item.service_day}}</text>天
					</view>
                    <view>
                      <button v-if="item.cleaner_info.length > 0" class="btn" style="width: 180rpx;"
                        @click.stop="applyOrderBtn(item.cleaner_info, item.id)">
                        确认考勤
                      </button>
                      <button @click.stop="cancelBtn(item)" v-show="tabIndex === 0">
                        取消
                      </button>
                    </view>
                  </view>
                </uni-card>
              </view>
            </view>
            <!-- 报名订单 -->
          </view>

        </view>

      </view>
      <view class="zanWuXiaoxiImg" v-else>
        <image :src="imgUrl" mode=""></image>
        <view class="">
          <text>暂无更多数据</text>
        </view>
      </view>
    </view>
    <!-- 进行中 -->

    <!-- 待结算 -->
    <view class="befortSettle" v-show="tabIndex === 1 ">
      <view v-if="subscribeList2.length">
        <view class="befortSettle-son" v-for="item in subscribeList2" :key="item.id">
          <view class="" v-if="item.cleaner_info.length > 0">
            <uni-card class="add-card" :title="item.hotel_name" extra="待结算"
              :sub-title="item.position_text" :is-shadow="false"
              :border="false" :padding="0" :margin="0">
              <checkbox-group>
                <template>
                  <uni-list :border="false">
                    <uni-list-item v-for="item2 in item.cleaner_info" :key="item2.id"
                      @click.native="applyOrderClick(item)">

                      <template v-slot:header>
                        <view class="v-slot-header">
                          <image :src="item2.avatar || ''" mode=""></image>
                        </view>
                      </template>
                      <template v-slot:body>
                        <view class="v-slot-body">
                          <view class="v-slot-body-top">
                            <text>{{ item2.real_name || ''}}</text>
                            <text>￥{{ item2.money || 0}}</text>
                          </view>

                          <view class="v-slot-body-bottom">
                            <text v-for="(item3, index) in item2.room_type_detail" :key="index">{{ item3.room_type_name }}X{{
                              item3.room_num
                            }}</text>
                            <view class="dqg-subscribe-btn dqg-subscribe-btn1">
                              <button class="btn" @click.stop="updateOrder(item,item2)">
                                修改
                              </button>
                            </view>
                          </view>

                        </view>
                      </template>
                    </uni-list-item>
                    <uni-list-item>
                      <template v-slot:footer>
                        <view class="v-slot-footer">
                          <checkbox :value="item.id" :checked="item.checked" v-if="false" />
                          <uni-icons @click.stop="clickIcon(item)" style="margin: 10rpx 10rpx 0 0;"
                            :type="!item.checked ? 'circle' : 'checkbox-filled'"
                            :color="!item.checked ? '#C1C1C1' : '#8dc9f1'" :size="'52r'" v-show="tabIndex === 1" />
                          <view class="befortSettle-price" @click.native="applyOrderClick(item)">
                            <view class="befortSettle-price-son" v-show="item.subsidy !=0">
                              总补贴:<text>￥{{ item.subsidy }}</text>
                            </view>
                            <view class="befortSettle-total_money">
                              合计:<text>￥{{ item.total_money || 0}}</text>
                            </view>
                          </view>
                        </view>
                      </template>
                    </uni-list-item>
                  </uni-list>

                </template>
              </checkbox-group>
            </uni-card>

          </view>

          <!-- 结算 -->
          <view class="befortSettle-footer dqg-subscribe-btn">
            <uni-icons :type="isCheackVal ? 'checkbox-filled' : 'circle'" style="margin-left: 10rpx;"
              :color="isCheackVal ? '#8dc9f1' : '#C1C1C1'" :size="'52r'" @click="iocClick()" />
            <text>全选</text>
            <view class="price"> 合计:<text>￥{{sumPrice}}</text> </view>
            <button class="befortSettle-footer-btn" type="default" @click="confirmPay()">
              一键结算
            </button>
          </view>
          <!-- 结算 -->
        </view>
      </view>
      <view class="zanWuXiaoxiImg" v-else>
        <image :src="imgUrl" mode=""></image>
        <view class="">
          <text>暂无更多数据</text>
        </view>
      </view>
    </view>
	<uni-popup ref="popup" type="bottom">底部弹出 Popup</uni-popup>
    <!-- 待结算 -->

    <!-- 已完成 -->
    <view class="befortSettle" v-show=" tabIndex === 2">
      <view v-if="subscribeList3.length">
        <view class="befortSettle-son" v-for="item in subscribeList3" :key="item.id">
          <view class="" v-if="item.cleaner_info.length > 0">
            <uni-card class="add-card" :title="item.hotel_name" extra="已结清"
              :sub-title="item.position_text" :is-shadow="false"
              :border="false" :padding="0" :margin="0">
              <template>
                <uni-list :border="false">
                  <uni-list-item v-for="item2 in item.cleaner_info" :key="item2.id"
                    @click.native="applyOrderClick(item)">

                    <template v-slot:header>
                      <view class="v-slot-header">
                        <image :src="item2.avatar || ''" mode=""></image>
                      </view>
                    </template>
                    <template v-slot:body>
                      <view class="v-slot-body">
                        <view class="v-slot-body-top">
                          <text>{{ item2.real_name || ''}}</text>
                          <text>￥{{ item2.money || 0}}</text>
                        </view>
                        <view class="v-slot-body-bottom">
                          <text v-for="(item3, index) in item2.room_type_detail" :key="index">{{ item3.room_type_name }}X{{
		                          item3.room_num
		                        }}</text>
                        </view>
                        <view class="dqg-subscribe-btn" v-show="tabIndex === 2">
                          <button class="btn" @click.stop="butweipingjia(item,item2)" v-if="item2.is_evaluate === 0">
                            去评价
                          </button>
                          <button class="yipingjia" v-if="item2.is_evaluate === 1" disabled="true">已评价</button>
                        </view>
                      </view>
                    </template>
                  </uni-list-item>
                  <uni-list-item>

                    <template v-slot:footer>
                      <view style="width: 100%;">
                        <!-- 写两份的意思是有补贴显示补贴和合计   没有补贴只显示合计  这样样式好处理 -->
                        <view class="v-slot-footer" v-if="item.subsidy != 0">
                          <view class="befortSettle-price">
                            <view class="befortSettle-price-son">
                              总补贴:<text>￥{{ item.subsidy }}</text>
                            </view>
                            <view class="befortSettle-total_money">
                              合计:<text>￥{{ item.total_money || 0}}</text>
                            </view>
                          </view>
                        </view>
                        <view class="v-slot-footer" v-else>
                          <view class="befortSettle-price">
                            <view class="befortSettle-total_money">
                              合计:<text>￥{{ item.total_money || 0}}</text>
                            </view>
                          </view>
                        </view>
                        <!-- 写两份的意思是有补贴显示补贴和合计   没有补贴只显示合计  这样样式好处理 -->
                      </view>
                    </template>
                  </uni-list-item>
                </uni-list>

              </template>
            </uni-card>

          </view>

        </view>
      </view>
      <view class="zanWuXiaoxiImg" v-else>
        <image :src="imgUrl" mode=""></image>
        <view class="">
          <text>暂无更多数据</text>
        </view>
      </view>
    </view>
    <!-- 已完成 -->

    <!-- 已取消 -->
    <view v-show="tabIndex === 3">
      <view v-if="subscribeList4.length">
        <view class="yuyueOrder" v-for="item in subscribeList4" :key="item.id">

          <view class="" v-if="item.order_type !== 3">
            <view class="dqg-subscribe" :class="{ 'dqg-subscribe2': item.order_type == 3 }"
              @click="applyOrderClick(item)">
              <view v-if="item.cleaner_info.length > 0">
                <uni-card :title="item.hotel_name" :extra="item.hotel_cancel_time || '已取消' " :is-shadow="false"
                  :sub-title="item.position_text" :border="false"
                  :padding="0" :margin="0">
                  <view class="dqg-subscribe-box" v-for="item2 in item.cleaner_info" :key="item2.id">
                    <view class="dqg-subscribe-l">
                      <image :src="item2.avatar || ''" mode=""></image>
                    </view>
                    <view class="dqg-subscribe-r">
                      <view class="dqg-subscribe-r-t">
                        <text>{{ item2.real_name }} ({{
						                item2.cleaner_level_name
						              }})</text>
                      </view>
                      <view class="dqg-subscribe-r-b">
                        <image class="img-14" :src="iocUrl" mode="aspectFit" />
                        <text class="fuwu">{{ item2.score }}</text>
                        <text>已服务 {{ item2.services_num }}</text>
                      </view>
                    </view>
                  </view>
                  <view class="dqg-subscribe-btn">
                    <button style="width: 180rpx;" @click.stop="deleteOrderBtn(item)" v-show="tabIndex === 3">
                      删除订单
                    </button>
                  </view>
                </uni-card>
              </view>
            </view>
            <!-- 预约订单 -->
          </view>
          <view class="baomingOrder" v-else>

            <!-- 报名订单 -->
            <view class="apply-order">
              <uni-card :title="item.hotel_name" :extra="item.hotel_cancel_time || '已取消' "
                :is-shadow="false" :border="false" :padding="0"
                 :sub-title="item.position_text" :margin="0">
                <view class="apply-order-box" @click="applyOrderClick(item)">
                  <view class="apply-order-box-son">
                    <view class="">
                      <text>{{ item.real_people_num }}/{{ item.people_number }}</text>
                    </view>
                    <view class="">
                      <text>报名人数</text>
                    </view>
                  </view>
                  <view class="apply-order-box-son">
                    <view class="">
                      <text>{{item.service_start_time}}-{{item.service_end_time}}
                      </text>
                    </view>
                    <view class="">
                      <text>工作日期</text>
                    </view>
                  </view>
                  <view class="apply-order-box-son">
                    <view class="">
                      <text>{{ item.work_time }}</text>
                    </view>
                    <view class="">
                      <text>上班时间</text>
                    </view>
                  </view>
                </view>
                <view class="dqg-subscribe-btn">
                  <button @click.stop="deleteOrderBtn(item)" v-show="tabIndex === 3" style="width: 180rpx;">
                    删除订单
                  </button>
                </view>
              </uni-card>
            </view>
          </view>
          <!-- 报名订单 -->
        </view>
      </view>

      <view class="zanWuXiaoxiImg" v-else>
        <image :src="imgUrl" mode=""></image>
        <view class="">
          <text>暂无更多数据</text>
        </view>
      </view>
    </view>
    <!-- 已取消 -->

    <!-- 选择保洁弹框 -->
    <view class="drawerBox">
      <uni-drawer ref="showRight" mode="right" :width="320">
        <view class="scroll-view">
          <view class="drawerBox-title">
            <text> {{flag ? '选择保洁' : '修改房型数量' }} </text>
          </view>
          <scroll-view class="scroll-view-box" scroll-y="true">
            <view class="info-content">
              <view class="popup-auto">
                <view v-for="(item, i) in clearArr" :key="item.id">
					<view class="finishPopup-box">
					  <view class="finishPopup-img">
					    <image :src="item.avatar" mode=""></image>
					    <view class="">
					      <text>{{ item.real_name }}</text>
					    </view>
					  </view>
					  <view class="finishPopup-select">
					    <view class="finishPopup-add" v-for="(list, index) in item.room_type_info" :key="list.id">
					      <view class="finishPopup-numner">
					        <view class="house">
					          {{list.type_name}}
					        </view>
					        <view class="fangxingNumber">
					          <uni-number-box :min="0" :value="list.room_num"
					            @change="(e) => numberChange(e, i, index)">
					          </uni-number-box>
					        </view>
					      </view>
					
					    </view>
					  </view>
					</view>
                  <!-- <view v-if="item.room_type_info.length">
                    
                  </view>
                  <view class="finishPopup-zanwu" v-else>
                    <text>暂无房型</text>
                  </view> -->
                </view>
                <view class="dqg-subscribe-btn drawerBtnBox" style="width: 100%;">
                  <button class="drawerBtn" @click.stop="closeDrawer()">
                    取消
                  </button>
                  <button class="btn drawerBtn" @click.stop="addHouseBtn()">
                    确认
                  </button>

                </view>
              </view>
            </view>
          </scroll-view>
        </view>
      </uni-drawer>
    </view>
    <!-- 选择保洁弹框 -->
    <!-- 取消订单弹框 -->
    <view>
      <uni-popup ref="inputDialog" type="dialog">
        <uni-popup-dialog ref="inputClose" mode="input" title="取消订单" placeholder="请说明取消原因" @confirm="dialogInputConfirm"
          @close="inputDialogClose"></uni-popup-dialog>
      </uni-popup>
    </view>
	   <!-- 支付订单弹框 -->
	<view>
	  <uni-popup ref="mothodDialog"  type="bottom" background-color="#fff">
			<radio-group  class="pay-box" v-model="payType" active-color="#f0c785">
				<view class="u-flex u-row-between pay-item" 
					@tap="payType = 'wechat'">
					<view class="u-flex">
						<image class="pay-img" src="../../../static/imgas/order_wx_pay.png" mode=""></image>
						<text>微信支付</text>
					</view>
				
					<radio shape="circle" name="wechat"></radio>
				</view>
				<!-- 余额支付 -->
				<view class="u-flex u-row-between pay-item" @tap="payType = 'wallet'">
					<view class="u-flex">
						<image class="pay-img" src="../../../static/imgas/order_wallet_pay.png" mode=""></image>
						<text>余额支付</text>
					</view>
					<radio shape="circle" name="wallet"></radio>
				</view>
			</radio-group>	
			<button class="u-reset-button pay-btn" @tap="settlementBtn()">确认支付</button>
	  </uni-popup>
	</view>
    <!-- 删除订单弹窗 -->
    <view>
    </view>
  </view>
</template>
<script>
function getDate (type, index = 0, state = 0) {
  const dates = new Date();
  const date = new Date(dates);
  date.setDate(date.getDate() + index); // 获取index天后的日期
  let year = date.getFullYear();
  let month = date.getMonth() + 1;
  let day = date.getDate();

  if (type === "start") {
    year = year - 10;
  } else if (type === "end") {
    year = year + 10;
  }
  month = month > 9 ? month : "0" + month;
  day = day > 9 ? day : "0" + day;
  if (state == 0) return `${year}-${month}-${day}`;
  else return `${year}-${month}`;
}
export default {
  data () {
    return {
      imgUrl: `${getApp().globalData.imgScr}jd/dingdankongzhuangtai.png`,

      iocUrl: `${getApp().globalData.imgScr}jd/xinji.png`,
      xinji: `${getApp().globalData.imgScr}jd/xinji.png`,
      dizhi: `${getApp().globalData.imgScr}jd/dizhi.png`,
      pinglun: `${getApp().globalData.imgScr}jd/pinglun.png`,
      // 订单列表数据
      subscribeList1: [],
      subscribeList2: [],
      subscribeList3: [],
      subscribeList4: [],
	  sumPrice: 0,
      total1: 0,
      total2: 0,
      total3: 0,
      total4: 0,
      page1: 1,
      page2: 1,
      page3: 1,
      page4: 1,
      limit: 15,
      // 选择保洁弹框参数
      flag: true,// 为true的时候是分房，为false的时候是修改房型数量
      valiFormData: {
        room_type_ids: [], // 选择房型
        fangxingNumber: 1, // 房型数量
      },
      rules: {
        fangxingSelect: [{
          required: true,
          errorMessage: "请选择房型",
        },],
        fangxingNumber: [{
          required: true,
          errorMessage: "请输入数量",
        },],
      },
      houseList: [],
      // 审核通过房型列表
      room_typeList: [],
      show: false, // 保洁弹框的显示隐藏
      // 待结算checkbox
      url: "/hotelAdmin/indent", // 公共的二级页面路径地址
      fDate: getDate(), // 判断是否显示分房按钮
      tabIndex: 0, // 顶部切换栏状态 0：已录用 1：进行中 2：待结算 3：已完成 4：已取消
      tabBars: [{
        name: "进行中",
        id: "jxz",
      },
      {
        name: "待结算",
        id: "djs",
      },
      {
        name: "已完成",
        id: "ywc",
      },
      {
        name: "已取消",
        id: "yqx",
      },
      ],
      swiperData: [{
        id: 1,
        data: [],
        state: true,
        page: 1, // 初始页码
        total: 0, // 数据总条数
        status: 'more', // 加载状态
      },
      {
        id: 2,
        data: [],
        state: true,
        page: 1, // 初始页码
        total: 0, // 数据总条数
        status: 'more', // 加载状态
      },
      {
        id: 3,
        data: [],
        state: true,
        page: 1, // 初始页码
        total: 0, // 数据总条数
        status: 'more', // 加载状态
      },
      {
        id: 4,
        data: [],
        state: true,
        page: 1, // 初始页码
        total: 0, // 数据总条数
        status: 'more', // 加载状态
      },
      ],
      clearArr: [],
      order_id: "",
      state: false, // 弹窗显示状态
      pid: "", // 已录用 订单id
      pid1: "", // 进行中 房间id
      pid2: "", // 进行中 保洁id
      value: "", // 取消原因
      assid: "", // 房间分房id
      isCheackVal: false,
      isloading: false,
	  payType:''

    };
  },
  onLoad() {
	  let _this = this;
  	uni.$on('newPages',(e)=>{
  	    _this.tabIndex = e.value
		_this.getHouser();
		_this.getOrderList();
  	})
  },
  onUnload(){
      uni.$off('newPages')
  },
	onShow() {
		let _this = this;
		_this.getHouser();
		_this.getOrderList();
	},
  mounted () {
    let _this = this;
    _this.getHouser();
    _this.getOrderList();
  },
  computed: {
    isCheack () {
      return this.subscribeList2.every((item) => item.checked);
    },
  },
  methods: {
    clearSubscribeList () {
      if (this.tabIndex === 0) {
        this.page1 = 1
        this.subscribeList1 = []
      }
      if (this.tabIndex === 1) {
        this.page2 = 1
        this.subscribeList2 = []
      }
      if (this.tabIndex === 2) {
        this.page3 = 1
        this.subscribeList3 = []
      }
      if (this.tabIndex === 3) {
        this.page4 = 1
        this.subscribeList4 = []
      }

    },
    //触底了
    setReachBottom () {
      if (this.tabIndex === 0) {
        if (this.subscribeList1.length >= this.total1) {
          return uni.showToast({
            title: "数据加载完毕！",
            icon: "none"
          })
        }
        //触底后页数增加
        if (this.isloading) return
        this.page1++;
        this.getOrderList();
      }
      if (this.tabIndex === 1) {
        if (this.subscribeList2.length >= this.total2) {
          return uni.showToast({
            title: "数据加载完毕！",
            icon: "none"
          })
        }
        //触底后页数增加
        if (this.isloading) return
        this.page2++;
        this.getOrderList();
      }
      if (this.tabIndex === 2) {
        if (this.subscribeList3.length >= this.total3) {
          return uni.showToast({
            title: "数据加载完毕！",
            icon: "none"
          })
        }
        //触底后页数增加
        if (this.isloading) return
        this.page3++;
        this.getOrderList();
      }
      if (this.tabIndex === 3) {
        if (this.subscribeList4.length >= this.total4) {
          return uni.showToast({
            title: "数据加载完毕！",
            icon: "none"
          })
        }
        //触底后页数增加
        if (this.isloading) return
        this.page4++;
        this.getOrderList();
      }

    },
    // 获取订单列表
    getOrderList () {
      let _this = this;
	  _this.subscribeList1 = []
	  _this.subscribeList2 = []
	  _this.subscribeList3 = []
	  _this.subscribeList4 = []
      _this.isloading = true
      const params = {
        cate: 2,
        order_status: _this.tabIndex + 1,
        limit: _this.limit,
      };
      if (_this.tabIndex === 0) params.page = _this.page1
      if (_this.tabIndex === 1) params.page = _this.page2
      if (_this.tabIndex === 2) params.page = _this.page3
      if (_this.tabIndex === 3) params.page = _this.page4
      // uni.showLoading({
      // 	title: "加载中...",
      // 	mask: true,
      // });

      this.$http
        .post("/index/Hotelorder/order_list", params)
        .then(function (res) {
          uni.hideLoading();
          _this.isloading = false
          // _this.subscribeList = res.data;
          if (_this.tabIndex === 0) {
            _this.total1 = res.total
            if (_this.subscribeList1.length >= _this.total1) {
              return false
            }
            _this.subscribeList1 = [...res.data, ..._this.subscribeList1]
            let obj1 = {};
            _this.subscribeList1 = _this.subscribeList1.reduce((item, index) => {
              obj1[index.id] ? "" : (obj1[index.id] = true && item.push(index));
              return item;
            }, []);
          }
          if (_this.tabIndex === 1) {
            _this.total2 = res.total
            if (_this.subscribeList2.length >= _this.total2) {
              return false
            }
            _this.subscribeList2 = [...res.data, ..._this.subscribeList2]
            let obj2 = {};
            _this.subscribeList2 = _this.subscribeList2.reduce((item, index) => {
              obj2[index.id] ? "" : (obj2[index.id] = true && item.push(index));
              return item;
            }, []);
          }
          if (_this.tabIndex === 2) {
            _this.total3 = res.total
            if (_this.subscribeList3.length >= _this.total3) {
              return false
            }
            _this.subscribeList3 = [...res.data, ..._this.subscribeList3]
            let obj3 = {};
            _this.subscribeList3 = _this.subscribeList3.reduce((item, index) => {
              obj3[index.id] ? "" : (obj3[index.id] = true && item.push(index));
              return item;
            }, []);
          }
          if (_this.tabIndex === 3) {
            _this.total4 = res.total
            if (_this.subscribeList4.length >= _this.total4) {
              return false
            }

            _this.subscribeList4 = [...res.data, ..._this.subscribeList4]
            let obj4 = {};
            _this.subscribeList4 = _this.subscribeList4.reduce((item, index) => {
              obj4[index.id] ? "" : (obj4[index.id] = true && item.push(index));
              return item;
            }, []);
          }

        });
    },
    // 报名订单完成按钮
    async applyOrderBtn (val, id) {
      this.flag = true
      this.order_id = id;
      // val.forEach(item => {
      //   item.room_type_info.forEach(val => {
      //     val.room_num = 0
      //   })
      // })
	  uni.navigateTo({
	  	url:'/pages/tag/over/over?id=' + id + '&type=' + 1
	  })
      // this.clearArr = val;
      // this.$refs.showRight.open()
    },
    // 修改订单
    updateOrder (val,item) {
		
      this.flag = false
      // let cleaner_info = val.cleaner_info
      this.order_id = val.id;
	  uni.navigateTo({
	  	url:'/pages/tag/over/over?id=' + val.id + '&type=' + 2 + '&cleaner_id=' + item.id
	  })
      // cleaner_info.forEach(item => {
      //   item.room_type_info.forEach(cleaner_info => {
      //     cleaner_info.room_num = 0
      //   })
      // })
      // this.$refs.showRight.open()
      // this.clearArr = cleaner_info;
      // console.log(val, '---')
    },
    // 取消订单按钮
    cancelBtn (item) {
      this.order_id = item.id;
      this.$refs.inputDialog.open();
    },
    // 确认取消订单事件
    dialogInputConfirm (val) {
      const params = {
        id: this.order_id,
        cancel_reason: val,
      };
      uni.showLoading({
        title: "取消中...",
        mask: true,
      });
      this.$http
        .post("/index/Hotelorder/cancel_order", params)
        .then((res) => {
          uni.hideLoading();
          this.subscribeList1 = []
          this.getOrderList();

          setTimeout(() => {
            uni.showToast({
              title: "取消成功！",
              duration: 1000
            })
          }, 300);
          this.$refs.inputDialog.close();
          val = ''
        })
        .catch((res) => {
          uni.hideLoading();
          setTimeout(() => {
            uni.showToast({
              title: res.errMsg,
              duration: 1500,
              icon: "none"
            });
          }, 300);

        });
    },
    inputDialogClose () {
      console.log('this.$refs.inputDialog', this.$refs.inputDialog)
    },
    popupChange (e) {
      this.show = e.show;
      if (!e.show) {
        this.clearArr = [];
        // this.houseList = []
      }
    },
    // 获取房间类型
    async getHouser () {
      // let _this=this
      const params = {
        cate: 2,
      };
      uni.showLoading({
        title: "加载中...",
        mask: true,
        duration: 1500,
      });
      let data = await this.$http.post("/index/Hotelindex/room_type", params);
      data.forEach((item) => {
        item.disabled = true;
      });
      this.houseList = data;
      uni.hideLoading();
    },
    numberChange (e, i, index) {
      this.clearArr[i].room_type_info[index].room_num = e;
    },
    // 弹框确认按钮
    addHouseBtn (ref) {
      let room_type_info = [];
      // url1是添加房型
      let url1 = '/index/Hotelorder/sure_room_type_num';
      // url2是修改房型数量
      let url2 = '/index/Hotelorder/edit_room_type_num';

      this.clearArr.forEach((item) => {
        let obj = {
          cleaner_id: item.id,
          room_type: item.room_type_info,
        };
        room_type_info.push(obj);
      });
      let params = {
        order_id: this.order_id,
        room_type_info,
      };
      uni.showLoading({
        title: this.flag ? "添加中..." : '修改中...',
        mask: true,
      });
      if (this.flag) {
        this.$http
          .post(url1, params)
          .then((res) => {
            uni.hideLoading();
            this.subscribeList1 = []
            this.getOrderList();

            setTimeout(() => {
              uni.showToast({
                title: "添加成功",
                duration: 1000,
              });
            }, 300);

            this.$refs.showRight.close()
          })
          .catch((res) => {
            uni.hideLoading();
            setTimeout(() => {
              uni.showToast({
                title: res.errMsg,
                icon: "none",
              });
            }, 300);

          });
      } else {
        this.$http
          .post(url2, params)
          .then((res) => {
            uni.hideLoading();
            this.subscribeList2 = []
            this.getOrderList();

            setTimeout(() => {
              uni.showToast({
                title: "修改成功",
                duration: 1000,
              });
            }, 300);

            this.$refs.showRight.close()
          })
          .catch((res) => {
            uni.hideLoading();
            setTimeout(() => {
              uni.showToast({
                title: res.errMsg,
                icon: "none",
              });
            }, 300);

          });
      }

    },
    // 父页面切换触发
    /**
     * 顶部栏 切换时触发
     * @param {object} e  获取切换元素的实例
     */
    ontabtap (e) {
      let index = e.target.dataset.current || e.currentTarget.dataset.current;
      this.tabIndex = index;
      this.clearSubscribeList();
      this.getOrderList();
      // uni.hideLoading();
    },
    /**
     * 取消按钮 触发事件
     * @param {number} i 当前页面的id
     * @param {number} x 当前卡片的id
     */
    cancel: function (i, x) {
      let _this = this;
      this.pid = x;
      this.state = true;
      setTimeout(() => {
        _this.$refs.popup.open("center");
      }, 100);
    },
    /**
     * 已评价按钮 触发事件
     * @param {number} i 当前页面的id
     * @param {number} x 当前卡片的id
     */
    butyipingjia: function (i, x) {
      let path = this.url + "/sub-evaluate/sub-evaluate";
      uni.navigateTo({
        url: `${path}?id=${x}`,
      });
      uni.showToast({
        title: "已评价",
        icon: "none",
      });
    },
    /**
     * 去评价按钮 触发事件
     * @param {object} obj 当前订单的数据
     */
    butweipingjia: function (item, item2) {
      console.log('评价', item, item2)
      let path = this.url + "/evaluate/evaluate";
      uni.navigateTo({
        url: `${path}?order_id=${item.id}&cleaner_id=${item2.id}&cleaner_type=${item2.cleaner_type}`,
      });
      this.subscribeList3 = []
    },

	confirmPay(){
		     this.$refs.mothodDialog.open();
	},
	
    /**
     *
     * 一键结算
     * */
    settlementBtn () {
		 let _this = this; 
      let orderids = [];
      _this.subscribeList2.forEach((item) => {
        if (item.checked) {
          orderids.push(item.id);
        }
      });
	  // if (this.orderids. == 0) {	  
	  // 		uni.showToast({
	  // 		  title: "请先勾选订单",
	  // 		  icon: "none",
	  // 		});
	  // 	return;
	  // }
	 if (!_this.payType) {

		uni.showToast({
		  title: "请选择支付方式",
		  icon: "none",
		});
	 	return;
	 }
      const params = {
        orderids: orderids.join(","),
		payType:_this.payType,
		openid:uni.getStorageSync('hotelData').openid
      };
      uni.showLoading({
        title: "结算中...",
        mask: true
      })
      _this.$http
        .post("/index/Hotelorder/pay_order", params)
        .then((res) => {
			uni.hideLoading()
			if(params.payType == 'wallet'){
				_this.$refs.mothodDialog.close();
				_this.subscribeList2 = []
				_this.payType = ''
				_this.getOrderList();
				setTimeout(() => {
				  uni.showToast({
				    title: "支付成功",
				    icon: "none",
				  });
				}, 300);
			}else{
				try {
					uni.requestPayment({
					    provider: 'wxpay',
						timeStamp: res.timeStamp,
						nonceStr: res.nonceStr,
						package: res.package,
						signType: res.signType,
						paySign: res.paySign,
						success: function (res) {
							_this.$refs.mothodDialog.close();
							_this.subscribeList2 = []
							_this.payType = ''
							_this.getOrderList();
							setTimeout(() => {
							  uni.showToast({
								title: "支付成功",
								icon: "none",
							  });
							}, 300);
						},
						fail: function (err) {
							console.log('fail:' + JSON.stringify(err));
							_this.$refs.mothodDialog.close();
							uni.showToast({
								title: '取消支付',
								icon: 'none',
							});
						}
					});
					
				// 	if(pay[0]  && pay[0].errMsg == "requestPayment:fail cancel"){
				// console.log('88')
				// 		uni.showToast({
				// 			title: '取消支付',
				// 			icon: 'none',
				// 		});
				// 	}else if(pay[1] && pay[1].errMsg == "requestPayment:ok") {
				
				// 		this.subscribeList2 = []
				// 		this.getOrderList();
				// 		setTimeout(() => {
				// 		  uni.showToast({
				// 			title: "支付成功",
				// 			icon: "none",
				// 		  });
				// 		}, 300);
				// 	}
				}catch (e) {
						console.log('8665')
					uni.showToast({
						title:e.errMsg,
						icon:"none"
					})
				}
			}
         

        })
        .catch((res) => {
          uni.hideLoading()
          setTimeout(() => {
            uni.showToast({
              title: res.errMsg,
              icon: "none",
            });
          }, 300);

        });
    },

    /**
     * 点击复选框时触发
     * @param {Object} e 复选框实例对象
     */
    clickIcon (item) {
      item.checked = !item.checked;
      this.isCheackVal = this.subscribeList2.every((item) => item.checked);
	  this.getNum()
    },
    /**
     * 全选按钮事件
     * @param {number} index 当前页面的状态位 0：已录用 1：进行中 2：待结算 3：已完成 4：已取消
     */
    iocClick () {
      this.subscribeList2.forEach((item) => {
        item.checked = !this.isCheackVal;
      });
      this.isCheackVal = !this.isCheackVal;
	  this.getNum()
    },
	getNum(){
		this.sumPrice = 0
		for (let i in this.subscribeList2) {
			if(this.subscribeList2[i].checked){
				this.sumPrice += this.subscribeList2[i].total_money
			}
		}
	},
    // 进行中的报名订单按钮----订单详情
    applyOrderClick (item) {
      uni.navigateTo({
		  url: '/pages/tag/orderXq/orderXq?order_id='+item.id+"&type="+1
      });
    },
    // 删除订单
    deleteOrderBtn (item) {
      const params = {
        id: item.id,
      }
      uni.showLoading({
        title: '删除中...',
        mask: true
      })
      this.$http.post('/index/Hotelorder/del_order', params).then(res => {
        uni.hideLoading()
        this.subscribeList4 = []
        this.getOrderList()
        setTimeout(() => {
          uni.showToast({
            title: '删除成功！'
          })
        }, 300);

      }).catch(res => {
        uni.hideLoading()
        setTimeout(() => {
          uni.showToast({
            title: res.errMsg,
            icon: 'none'
          })
        }, 300);

      })
    },
    openTel: function (tel) {
      let _this = this
      console.log('tel', tel)
      uni.makePhoneCall({
        phoneNumber: tel //仅为示例
      });
    },
    // 关闭窗口
    closeDrawer () {
      this.$refs.showRight.close()
    },
  },
};
</script>

<style lang="scss">
.name-text {
  color: red;
}

// 统一的 小图片样式
.img-14 {
  width: 30rpx;
  height: 30rpx;
  // margin: 10rpx;
}
.yuyueOrder {
  // margin-bottom: 32rpx;
}

.baomingOrder {
  margin-top: 32rpx;
  // margin-bottom: 32rpx;
}
.u-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.u-row-between {
    justify-content: space-between;
}
.pay-box {
		.pay-item {
			height: 90rpx;
			padding: 0 30rpx;
			font-size: 26rpx;
			background: #fff;
			border-bottom: 1rpx solid #eeeeee;

			&:last-child {
				border-bottom: none;
			}

			.pay-img {
				width: 40rpx;
				height: 40rpx;
				margin-right: 25rpx;
			}
		}
	}

	.pay-btn {
		width: 350rpx;
		line-height: 80rpx;
		background: linear-gradient(-90deg, #8dc9f1, #d8eefc);//linear-gradient(90deg, rgba(240, 199, 133, 1), rgba(246, 214, 157, 1));
		border-radius: 40rpx;
		color: rgba(#fff, 0.9);
		margin: 20rpx auto 40rpx;
	}
.dqg-subscribe-btn {
  //padding-right: 50rpx;

  button {
    float: right;
    width: 150rpx;
    height: 50rpx;
    line-height: 50rpx;
    border-radius: 25rpx;
    font-size: 28rpx;
    color: #c4c4c4;
    box-sizing: border-box;
    background-color: #fff;
    border: 1rpx solid #c4c4c4;
    margin: 10rpx 0;
    font-weight: bold;
    // opacity: .7;
  }

  button::after {
    display: none;
  }

  .btn {
    background: linear-gradient(-90deg, #8dc9f1, #d8eefc);
    color: #fff;
    border: 0;
    margin-left: 20rpx;
  }
}
.dqg-subscribe-btn1 {
  padding-right: 0rpx;
}
.indent {
  position: relative;
  height: 100vh;
  overflow: hidden;

  .scroll-h {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100rpx;
    background-color: #ffffff;

    .uni-tab-item {
      position: relative;
      flex: 1;
      display: inline-block;
      text-align: center;

      .uni-tab-item-title {
        color: rgba($color: #000000, $alpha: 0.7);
        font-size: 28rpx;
        height: 80rpx;
        line-height: 80rpx;
        opacity: 0.7;
      }

      .uni-tab-item-text {
        position: absolute;
        bottom: 8rpx;
        left: 50%;
        transform: translateX(-50%);
        height: 4rpx;
        width: 36rpx;
        background: linear-gradient(255deg, #8dc9f1, #d8eefc);
        border-radius: 2rpx;
      }

      .uni-tab-item-title-active {
        color: #000000;
        font-size: 34rpx;
        font-weight: 600;
      }
    }
  }
}

.dqg-subscribe2 {
  display: none;
}

.yipingjia {
  border: 1rpx solid #c4c4c4;
  color: #bababa;
  background-color: #fff;
}

.dqg-subscribe {
  // margin: 15rpx 0;
  padding: 0rpx 18rpx;
  margin-top: 10rpx;

  .dqg-subscribe-box {
    display: flex;
    border-radius: 20rpx;
    padding: 20rpx;

    image {
      border-radius: 10rpx;
    }

    .dqg-subscribe-l {
      display: flex;

      image {
        width: 120rpx;
        height: 120rpx;
        margin-right: 30rpx;
      }
    }

    .dqg-subscribe-r {
      font-size: 30rpx;
      color: #000;
      font-family: PingFang-SC-Bold;
      font-weight: bold;
    }

    .dqg-subscribe-r-b {
      margin: 10rpx 0;
      font-weight: lighter;
      font-size: 28rpx;

      .iphoneIcon text {
        opacity: 1;
      }

      .fuwu {
        margin-right: 40rpx;
      }

      image {
        margin-right: 15rpx;
        height: 28rpx;
      }

      text {
        margin-bottom: 10rpx;
        opacity: 0.5;
      }
    }
  }
}
.applyStatus {
      // text-align: left;
      font-weight: bold;
	  position: absolute;
	  right: 20rpx;
	  top: 20rpx;
      .applyStatus-close {
        color: #ef0011;
      }

      .applyStatus-start {
        color: #50e28c;
      }
    }
.apply-order {
  padding: 0 18rpx;
  margin-top: -20rpx;
  font-family: PingFang-SC-Medium;

  .dqg-subscribe-btn1 {
    display: flex;
    justify-content: space-between;

    
  }

  .apply-order-box {
    margin-top: 35rpx;
    display: flex;
    justify-content: space-between;
    font-family: PingFang-SC-Heavy;
    // margin-bottom: 20rpx;

    .house-num {
      font-size: 28rpx;
      opacity: 0.5;
    }

    .apply-order-box-son {
      display: flex;
      flex-direction: column;
      align-items: left;
      justify-content: center;
    }

    .apply-order-box-son view:first-child {
      // color: #50e28c;
      color: #000;
      // font-weight: 600;
      font-size: 34rpx;
      margin-bottom: 15rpx;
    }

    .apply-order-box-son view:last-child {
      opacity: 0.7;
      font-weight: bold;
      font-size: 26rpx;
    }

    .dqg-subscribe-btn {
      padding-right: 50rpx;
	  padding-top: 30rpx;
      button {
        width: 160rpx;
      }
    }
  }
}

// 待结算样式
.befortSettle {
  padding: 18rpx;
  padding-bottom: 120rpx;
  .befortSettle-son {
    margin-bottom: 20rpx;

    .dqg-subscribe-btn {
      .btn {
        width: 150rpx;
        height: 50rpx;
        font-size: 28rpx;
        font-weight: bold;
        line-height: 50rpx;
      }
    }
  }

  .v-slot-header {
    margin-right: 20rpx;

    image {
      width: 100rpx;
      height: 100rpx;
      border-radius: 15rpx;
    }
  }

  .v-slot-footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .v-slot-body {
    width: 100%;
    font-family: PingFang-SC-Bold;
    // font-size: 26rpx;
    font-weight: bold;
    color: #000;

    .v-slot-body-top {
      display: flex;
      justify-content: space-between;
    }

    .v-slot-body-bottom {
      font-size: 28rpx;

      text {
        margin-right: 15rpx;
        opacity: 0.5;
      }
    }
  }
}

.befortSettle-footer {
  display: flex;
  justify-content: space-between;
  height: 100rpx;
  align-items: center;
  background-color: #fff;
  width: 100%;
  position: fixed;
  bottom: 0px;
  padding: 10rpx;
  left: 0;

  .price text {
    color: #ff4b4b;
    font-weight: bold;
  }

  .befortSettle-footer-btn {
    width: 375rpx;
    height: 84rpx;
    margin-right: 12rpx;
    background: linear-gradient(-90deg, #8dc9f1, #d8eefc);
    font-size: 40rpx !important;
    line-height: 84rpx;
    color: #fff;
    border-radius: 42rpx;
    border: 0;
  }
}

.befortSettle-price {
  display: flex;
  justify-content: space-between;
  // height: 100rpx;
  align-items: center;
  width: 100%;

  .befortSettle-total_money {
    width: 100%;
    text-align: right;
  }

  &-son {
    width: 200px;
  }

  // 全选图标样式
  .iocs {
    display: flex;
    align-items: center;

    .uni-icons {
      font-size: 52rpx;
    }

    .iocs-text {
      font-size: 32rpx;
      margin-left: 10rpx;
    }
  }

  text {
    color: #ff4b4b;
    font-weight: bold;
  }
}

// 选择保洁弹框样式

.finishPopup {
  .popup-auto {
    // padding: 0 30rpx;
    // max-height: 70vh;
    // width: 520rpx;
    // overflow: auto;
  }

  &-zanwu {
    height: 150rpx;
    width: 450rpx;
    font-weight: bold;
    font-size: 36rpx;

    text {
      line-height: 150rpx;
    }
  }

  .uni-card {
    border-radius: 15rpx;
  }

  border-radius: 15rpx;

  .uni-card .uni-card__header {
    border-bottom: 0;
    margin-bottom: 0rpx;
  }

  text-align: center;
  width: 100%;

  .uni-card__header {
    padding: 20rpx 0;
    text-align: center;
  }

  button {
    width: 140rpx;
    height: 50rpx;
    line-height: 50rpx;
    border: 0;
    background: linear-gradient(-90deg, #8dc9f1, #d8eefc);
    color: #ffffff;
    font-size: 24rpx;
    margin-top: 20rpx;
    border-radius: 30rpx;
  }

  button::after {
    display: none;
  }

  border-radius: 15rpx;
  overflow: hidden;

  .uni-popup {
    border-radius: 15rpx;
  }
}

.popup-title {
  text-align: center;
  margin-bottom: 20rpx;
  color: #000;
  width: 100%;
}

.finishPopup-box {
  margin-bottom: 40rpx;
  width: 100%;
  display: flex;
  margin-top: 10rpx;

  .addfangxing {
    width: 320rpx;
    height: 35rpx;
    font-size: 24rpx;
    margin-left: 20rpx;
    line-height: 35rpx;
    text-align: center;
    border: 1rpx dashed #50e28c;
    color: #50e28c;
  }

  .selectAndnumber {
    display: flex;
  }

  // flex-direction:column

  .finishPopup-img {
    width: 100rpx;
    height: 100rpx;
    margin-right: 30rpx;
    height: 100rpx;
    margin-top: 18rpx;
    text-align: center;

    image {
      width: 100rpx;
      height: 100rpx;
      border-radius: 15rpx;
    }

    .text {
      width: 80rpx;
      font-size: 20rpx;
    }
  }

  .finishPopup-fangxing {
    margin: 0rpx 10rpx 0 0rpx;
    width: 170rpx;

    .uni-select {
      padding-bottom: 5rpx;
    }

    .uni-select__input-box {
      min-height: 35rpx;
    }

    .uni-select__input-text {
      // height: 40rpx;
      font-size: 24rpx;
      outline: medium none;
    }

    .uni-stat__select {
      padding: 0;

      /deep/.input.data-v-2ee6bce8 {
        width: 150rpx;
      }

      .uni-select__selector-item {
        font-size: 24rpx;
      }
    }
  }

  .finishPopup-numner {
    width: 330rpx;
    height: 50rpx;
    margin: 10rpx 0rpx 0px 25rpx;
    display: flex;
    justify-content: space-between;

    .fangxingNumber {
      width: 170rpx;
      position: relative;

      .uni-numbox__minus .uni-numbox-btns,
      .uni-numbox__plus .uni-numbox-btns {
        // width: 50rpx !important;
        // height: 52rpx !important;
        // border-radius: 50%;
        background-color: #fff !important;
        // border: 2rpx solid #50e28c;
      }
    }

    .uni-numbox--text {
      color: #50e28c !important;
      margin-top: -6rpx !important;
    }

    .uni-numbox__value {
      background-color: #fff !important;
    }
  }
}
.scroll-h {
			display: flex;
			align-items: center;
			width: 100%;
			height: 100rpx;
			background-color: #ffffff;

			.uni-tab-item {
				position: relative;
				flex: 1;
				display: inline-block;
				text-align: center;

				.uni-tab-item-title {
					color: rgba($color: #000000, $alpha: 0.7);
					font-size: 28rpx;
					height: 80rpx;
					line-height: 80rpx;
					opacity: 0.7;
				}

				.uni-tab-item-text {
					position: absolute;
					bottom: 8rpx;
					left: 50%;
					transform: translateX(-50%);
					height: 4rpx;
					width: 36rpx;
					background: linear-gradient(255deg, #8dc9f1, #d8eefc);
					border-radius: 2rpx;
				}

				.uni-tab-item-title-active {
					color: #000000;
					font-size: 34rpx;
					font-weight: 600;
				}
			}
		}
.zanWuXiaoxiImg {
  margin-top: 33%;
  text-align: center;

  image {
    width: 325rpx;
    height: 290rpx;
  }

  view {
    margin-top: 20rpx;
    color: #c1c1c1;
    font-weight: bold;
    font-size: 34rpx;
  }
}

.scroll-view {
  /* #ifndef APP-NVUE */
  width: 100%;
  height: 100%;
  /* #endif */
  flex: 1;
}

.drawerBox-title {
  height: 50rpx;
  font-size: 38rpx;
  font-weight: bold;
  text-align: center;
}

// 处理抽屉内容滚动
.scroll-view-box {
  flex: 1;
  padding-top: 50rpx;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.info-content {
  padding: 5px 20px;
}

.drawerBtnBox {
  display: flex;
  justify-content: space-around;
  height: 100rpx;
  margin-bottom: 30rpx;

  button {
    flex: 1;
    margin-right: 30rpx;
  }
}
.days{
	font-size: 26rpx;
	color: #2D2D2D;
	text{
		color: #F81F43;
		font-size: 32rpx;
	}
}
.uni-card__header-content{
	flex: none !important;
}
</style>
